﻿/* -- Base -- */
/* //////////////////////////////////////////////// */
* { font-size: 12px; font-family: '宋体' , Verdana, Arial, Helvetica, sans-serif; }
body { margin: 0px auto; background: #fff; text-align: center; padding: 0px; }
table { width: 100%; border: 0px; border-collapse: collapse; }
td, div { font-family: '宋体' ,arial; font-size: 100%; text-align: left; vertical-align: top; color: #464646; }
form { margin: 0px; padding: 0px; }
img { border: 0px; }
input, select { vertical-align: middle; }
ul, ol, dd { margin: 0px; padding: 0px; list-style-type: none; }
li { margin: 0px; padding: 0px; }
h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 150%; }


a { font-family: '宋体' ,arial; }
a:link, a:visited { color: #464646; text-decoration: none; }
a:hover { color: #f00; text-decoration: none; }
a.a:link, a.a:visited { color: #000; text-decoration: none; }
a.a:hover { color: #f00; text-decoration: none; }
a.b:link, a.b:visited { color: Blue; text-decoration: none; }
a.b:hover { color: Blue; text-decoration: underline; }
a.g:link, a.g:visited { color: Green; text-decoration: none; }
a.g:hover { color: Green; text-decoration: underline; }


input.text { background: #fff url('../images/shadow.gif') repeat-x top; border-bottom: #ddd 1px solid; border-left: #c3c3c3 1px solid; height: 22px; padding: 2px 0px; color: #333; border-top: #7c7c7c 1px solid; border-right: #c3c3c3 1px solid; }
input.button { cursor: pointer; padding: 6px 8px 5px; font-family: '宋体' ,Arial; font: bolder 100%; color: #000; border: solid 1px #cf7200; background: #fff url( '../images/btn_bg.png' ) repeat-x bottom; }
textarea.textarea { background: #fff url('../images/shadow.gif') repeat-x top; font-size: 100%; border-bottom: #ddd 1px solid; border-left: #c3c3c3 1px solid; padding: 2px 0px; color: #333; border-top: #7c7c7c 1px solid; border-right: #c3c3c3 1px solid; }


.cutText { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.clear { clear: both; }
div.imsg { margin: 10px; padding: 8px; border: solid 1px #000; background: #ffc; color: Red; }
div.imsg a { color: Blue; text-decoration: underline; }
/* -- Defautl -- */
/* //////////////////////////////////////////////// */
div.body { width: 960px; clear: both; }




#mainnav { background: #3C3C3C; vertical-align: middle; height: 32px; clear: both; }
#mainnav li { cursor: pointer; float: left; height: 32px; font-size: 13px; font-weight: bolder; border-right: #fff 2px solid; }
#mainnav .nav { padding-left: 0px; padding-top: 7px; vertical-align: middle; text-align: center; }
#mainnav .nav A { color: White; }
#mainnav .nav A:hover { color: White; }
#mainnav .nav .current { color: White; }



/* -- Table -- */
/* //////////////////////////////////////////////// */
th.th { padding: 1px; border: solid 1px #d6e3f3; }
th.th div { background: #d1dff0; text-align: center; color: #15428b; height: 24px; line-height: 24px; font-size: 110%; }
.table1 td.til { text-align: left; line-height: 180%; padding: 2px 4px; border: solid 1px #d6e3f3; }
.table1 td.tic { text-align: center; line-height: 180%; padding: 0px; border: solid 1px #d6e3f3; }
.table1 td.tic2 { text-align: center; line-height: 180%; border: solid 1px #d6e3f3; padding: 4px; }
.table1 td.tir { text-align: right; line-height: 180%; padding: 2px 4px; border: solid 1px #d6e3f3; }


.table2 tr td.til { text-align: left; line-height: 180%; padding: 2px 4px; border: solid 1px #dadada; }
.table2 td.tic { text-align: center; line-height: 180%; padding: 0px; border: solid 1px #dadada; }
.table2 td.tic2 { text-align: center; line-height: 180%; border: solid 1px #dadada; padding: 2px; }
.table2 td.tir { text-align: right; line-height: 180%; padding: 2px 4px; border: solid 1px #dadada; }

/* -- WebForm -- */
/* //////////////////////////////////////////////// */
#webForm { }
#webForm .element { }
#webForm.appnitro { margin: 20px 20px 0; padding: 0 0 20px; }
#webForm.appnitro li { width: 61%; }
#webForm input.small, #webForm select.small { width: 25%; }
#webForm input.medium, #webForm select.medium { width: 50%; }
#webForm input.large, #webForm select.large { width: 99%; }
#webForm textarea.small { height: 5.5em; }
#webForm textarea.medium { height: 10em; }
#webForm textarea.large { height: 20em; }
#webForm textarea.textarea { width: 99%; }
#webForm input.checkbox { height: 13px; width: 13px; }
#webForm input.radio { height: 13px; margin: 0px 0 0 3px; width: 13px; }
#webForm input.button { }

#webForm ul { width: 100%; }
#webForm li { display: block; padding: 8px 9px; position: relative; }
#webForm li.highlighted { background-color: #fff7c0; }
#webForm li.buttons { clear: both; display: block; margin-top: 5px; }
#webForm li div { color: #444; margin: 0px; padding: 0px; }
#webForm li span { color: #444; float: left; margin: 0 4px 0 0; padding: 0 0 8px; }
#webForm li div.left { display: inline; float: left; width: 48%; }
#webForm li div.right { display: inline; float: right; width: 48%; }

#webForm li.section_break h3 { font-size: 110%; font-weight: 400; line-height: 130%; margin: 0 0 2px; }
#webForm li.section_break p { font-size: 100%; margin: 0 0 10px; }
#webForm li.imsg { margin: 10px; padding: 8px; border: solid 1px #000; background: #ffc; color: Red; }

#webForm label.description { color: #222; display: block; font-size: 100%; font-weight: 700; margin-bottom: 5px; }
#webForm label.choice { color: #444; font-size: 100%; line-height: 1.4em; }

#webForm p.guidelines { background: #f5f5f5; border: 1px solid #e6e6e6; color: #444; font-size: 100%; left: 100%; line-height: 130%; margin: 0px 0px 8px 8px; padding: 8px; position: absolute; top: 0; visibility: hidden; width: 42%; z-index: 1000; }
#webForm li.highlighted .guidelines { visibility: visible; }
#webForm li:hover .guidelines { visibility: visible; }

#webForm fieldset { width: 100%; border: solid 1px #afafaf; }
#webForm fieldset legend { font-weight: bolder; padding: 4px 10px 4px; font-size: 110%; }
#webForm fieldset div { line-height: 120%; padding: 4px 10px 10px; }
#webForm fieldset div { line-height: 120%; padding: 4px 10px 10px; }
